﻿<div class="openProjectDialog-control project-file-dialog">
    <button class="win-backbutton" data-bind="click: editor.showTracksTab"></button>
    <section class="page-body">
        <h2>Open a project</h2>
        <div class="folder-input">
            <h3>Select a folder:</h3>
            <span data-bind="text: folderPath"></span>
            <button data-bind="click: selectFolder, text: folderButtonText"></button>
        </div>

        <div data-bind="visible: !projectsFound().length && folder">
            <span class="text-danger">
                No projects were found in the selected folder.
            </span>
        </div>

        <div data-bind="visible: projectsFound().length">
            <h3>Projects found:</h3>
            <select data-bind="options: projectsFound, optionsCaption: 'Choose a project...' , value: selectedFile, valueAllowUnset: false, optionsText: 'filename'"></select>
        </div>

        <div class="action-button-conatiner">
            <button data-bind="disable: !projectsFound().length, click: load">Load project</button>

            <progress data-bind="visible:processing" class="win-ring win-medium"/>
        </div>
    </section>
</div>